<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>邮箱自动导航</title>

<link href="css/index_new.css" rel="stylesheet" type="text/css" />
<style>
.inp {
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	width: 98%;
	height: 20px;
	padding: 4px 2px 2px;
	border-width: 1px;
	border-style:solid ;
}
</style>

<script type="text/javascript">
  //邮箱选择功能
  function changEmailBox() {
	  var vx = document.getElementById("emailSelect");
	  if (vx.options[vx.selectedIndex].attributes['value'].value != "") {
		  document.getElementById("goEmailButton").innerHTML = "<a href='" 
		  + vx.options[vx.selectedIndex].attributes['value'].value 
		  + "' target='_blank'><img src='images/botton_gif_089.gif' style='border:none' /></a>";
	  }
	  else {
		  document.getElementById("goEmailButton").innerHTML = "<img src='images/botton_gif_089.gif' style='border:none' />";
	  }
  }
</script>
</head>
<body>
<div class="login">
  <form>
    <table>
      <tr>
        <td><span>邮箱登录</span> 
          <select id="emailSelect" class="inp" onchange="changEmailBox();" name="emailSelect">
          <option value="inp" selected="">请选择邮箱</option> 
          <option value="http://mail.163.com/">@163.com网易 </option>
          <option value="http://www.126.com/">@126.com网易 </option>
          <option value="https://mail.qq.com/">@qq.com </option>
          <option value="http://www.hotmail.com/">@hotmail.com </option>
          <option value="http://www.yeah.net/">@yeah.net邮箱 </option>
          </select> 
        </td>
        <td>
          <div id="goEmailButton" style="float:right;">
          <img src="images/botton_gif_089.gif" /></div>
        </td>
      </tr>
    </table>
  </form>
</div>             
</body>
</html>
